@import './vw';
@import './comment.scss';

* {
  box-sizing: border-box;
}

section {
  padding: vw(90) 0 vw(96) 0;

  .content {
    padding: vw(42) vw(30) 0 vw(29);

    .one {
      margin-bottom: vw(16);
      color: #010101;
      font-size: vw(30);
    }

    .time {
      margin-bottom: vw(50);
      font-size: vw(22);
      color: #c5c5c5;
      display: flex;

      .pic {
        margin-left: vw(18);
        margin-right: vw(7);
        height: vw(14);
        width: vw(24);

        img {
          height: 100%;
        }
      }

      span:nth-child(2) {
        font-size: vw(20);
      }
    }

    .two {
      margin-bottom: vw(24);
      font-size: vw(22);
      color: #8b8b8b;
      line-height: vw(30);
    }

    >img{
      height: vw(337);
      width: vw(580);
    }

    .line{
      margin-top: vw(30);
      margin-bottom: vw(37);
      width: vw(580);
      height: 0;
      border-top: 1px solid #e6e6e6;
    }
  }

  .contact{
    >p{
      margin-left: vw(27);
      margin-bottom: vw(20);
      font-size: vw(28);
      color: #8e8d8d;
    }

    .red{
      height: vw(151);
      background-color: #b20000;
      display: flex;
      justify-content: space-around;
      align-items: center;

      .red-left{
        height: vw(85);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        position: relative;

        img{
          height: vw(40);
          width: vw(40);
        }

        p{
          font-size: vw(22);
          color: #fff;
        }

        &:nth-child(1){
          margin-left: vw(30);
        }

        &:nth-child(1)::after,&:nth-child(2)::after{
          content: '';
          display: block;
          height: vw(115);
          width: 0;
          border-right: 1px solid #fff;
          position: absolute;
          top: vw(-15);
          right: vw(-50);
        }
      }
    }
  }
}